<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创界科技发布《2023年企业数字化转型白皮书》 - 创界科技</title>
    <style>
        /* 基础样式与变量定义 - 与主站保持一致 */
        :root {
            --primary: #FF6B6B;
            --secondary: #4ECDC4;
            --accent: #FFE66D;
            --dark: #292F36;
            --light: #F7FFF7;
            --border-width: 4px;
            --shadow-offset: 8px;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Courier New', monospace;
        }

        body {
            background-color: var(--light);
            color: var(--dark);
            padding: 20px;
            line-height: 1.6;
        }

        /* 新野蛮主义核心样式类 */
        .neu-card {
            border: var(--border-width) solid var(--dark);
            border-radius: 12px;
            background-color: white;
            box-shadow: var(--shadow-offset) var(--shadow-offset) 0px var(--dark);
            transition: all 0.2s ease;
            padding: 25px;
            /* 添加内边距确保内容与边框有足够间距 */
        }

        .neu-card:hover {
            transform: translate(2px, 2px);
            box-shadow: calc(var(--shadow-offset) - 2px) calc(var(--shadow-offset) - 2px) 0px var(--dark);
        }

        .neu-button {
            display: inline-block;
            padding: 12px 24px;
            border: var(--border-width) solid var(--dark);
            border-radius: 8px;
            background-color: var(--primary);
            color: var(--dark);
            font-weight: bold;
            text-decoration: none;
            box-shadow: var(--shadow-offset) var(--shadow-offset) 0px var(--dark);
            transition: all 0.2s ease;
            cursor: pointer;
        }

        .neu-button:hover {
            transform: translate(2px, 2px);
            box-shadow: calc(var(--shadow-offset) - 2px) calc(var(--shadow-offset) - 2px) 0px var(--dark);
        }

        .neu-button.secondary {
            background-color: var(--secondary);
        }

        .neu-button.accent {
            background-color: var(--accent);
        }

        /* 布局样式 */
        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 0;
            margin-bottom: 40px;
            border-bottom: var(--border-width) solid var(--dark);
        }

        .logo {
            font-size: 2rem;
            font-weight: bold;
            color: var(--primary);
            text-shadow: 3px 3px 0px var(--dark);
        }

        nav ul {
            display: flex;
            list-style: none;
            gap: 20px;
        }

        nav a {
            text-decoration: none;
            color: var(--dark);
            font-weight: bold;
            padding: 8px 16px;
            border: var(--border-width) solid transparent;
            transition: all 0.2s ease;
        }

        nav a:hover {
            border: var(--border-width) solid var(--dark);
            background-color: var(--accent);
        }

        section {
            margin-bottom: 80px;
        }

        .section-title {
            font-size: 2.5rem;
            margin-bottom: 40px;
            text-align: center;
            position: relative;
        }

        .section-title::after {
            content: "";
            display: block;
            width: 100px;
            height: 5px;
            background-color: var(--primary);
            margin: 15px auto 0;
        }

        /* 新闻详情页特定样式 */
        .breadcrumb {
            margin-bottom: 30px;
            font-size: 0.9rem;
        }

        .breadcrumb a {
            color: var(--dark);
            text-decoration: none;
        }

        .breadcrumb a:hover {
            text-decoration: underline;
        }

        .news-detail-header {
            margin-bottom: 30px;
            padding: 25px;
        }

        .news-tag {
            display: inline-block;
            padding: 4px 10px;
            background-color: var(--accent);
            border: var(--border-width) solid var(--dark);
            border-radius: 4px;
            font-size: 0.8rem;
            font-weight: bold;
            margin-right: 8px;
            margin-bottom: 15px;
        }

        .news-detail-title {
            font-size: 2.5rem;
            margin-bottom: 20px;
            line-height: 1.3;
        }

        .news-meta {
            display: flex;
            gap: 15px;
            margin-bottom: 15px;
            color: #666;
            font-size: 0.9rem;
        }

        .news-image-large {
            height: 400px;
            background-color: var(--secondary);
            border: var(--border-width) solid var(--dark);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.5rem;
            margin-bottom: 30px;
            overflow: hidden;
        }

        .news-content {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 40px;
            padding: 0 15px;
            /* 添加内边距确保内容与边框有足够间距 */
        }

        .news-content h2 {
            font-size: 1.8rem;
            margin: 30px 0 15px;
            color: var(--primary);
        }

        .news-content p {
            margin-bottom: 20px;
        }

        .news-content blockquote {
            border-left: 5px solid var(--accent);
            padding-left: 20px;
            margin: 25px 0;
            font-style: italic;
            background-color: rgba(255, 230, 109, 0.1);
            padding: 15px 20px;
            border-radius: 0 8px 8px 0;
        }

        .news-content ul,
        .news-content ol {
            margin-left: 20px;
            margin-bottom: 20px;
        }

        .news-content li {
            margin-bottom: 10px;
        }

        .news-actions {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 40px;
            padding: 20px;
            border-top: var(--border-width) solid var(--dark);
            border-bottom: var(--border-width) solid var(--dark);
        }

        .social-share {
            display: flex;
            gap: 10px;
        }

        .share-btn {
            padding: 8px 16px;
            border: var(--border-width) solid var(--dark);
            border-radius: 6px;
            background-color: white;
            color: var(--dark);
            font-weight: bold;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .share-btn:hover {
            background-color: var(--accent);
            transform: translate(2px, 2px);
        }

        .related-news {
            margin-top: 60px;
        }

        .related-news-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .related-news-item {
            padding: 20px;
        }

        .related-news-image {
            height: 150px;
            background-color: var(--secondary);
            border: var(--border-width) solid var(--dark);
            border-radius: 8px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
        }

        .related-news-title {
            font-size: 1.2rem;
            margin-bottom: 10px;
        }

        .related-news-meta {
            font-size: 0.8rem;
            color: #666;
            margin-bottom: 10px;
        }

        /* 页脚样式优化 - 与主站保持一致 */
        footer {
            text-align: center;
            padding: 40px 0;
            border-top: var(--border-width) solid var(--dark);
            margin-top: 40px;
        }

        .footer-links {
            display: flex;
            justify-content: center;
            gap: 30px;
            margin: 20px 0;
        }

        .footer-links a {
            color: var(--dark);
            text-decoration: none;
            font-weight: bold;
        }

        .footer-links a:hover {
            text-decoration: underline;
        }

        /* 链接样式优化 - 移除默认蓝色 */
        a {
            color: var(--dark);
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        .read-more {
            color: var(--primary);
            font-weight: bold;
            text-decoration: underline;
        }

        .read-more:hover {
            color: var(--dark);
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .news-detail-title {
                font-size: 2rem;
            }

            .news-image-large {
                height: 250px;
            }

            .related-news-grid {
                grid-template-columns: 1fr;
            }

            .news-actions {
                flex-direction: column;
                gap: 20px;
            }

            header {
                flex-direction: column;
                gap: 20px;
            }

            nav ul {
                flex-wrap: wrap;
                justify-content: center;
            }

            .footer-links {
                flex-direction: column;
                gap: 15px;
            }
        }
    </style>
</head>

<body>
    <div class="container">
        <header>
            <div class="logo">创界科技</div>
            <nav>
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="products.html">产品</a></li>
                    <li><a href="services.html">服务</a></li>
                    <li><a href="news.html"
                            style="border: var(--border-width) solid var(--dark); background-color: var(--accent);">新闻动态</a>
                    </li>
                    <li><a href="contact.html">联系我们</a></li>
                    <li><a href="job.html">岗位招聘</a></li>
                </ul>
            </nav>
        </header>

        <section>
            <!-- 面包屑导航 -->
            <div class="breadcrumb">
                <a href="index.html">首页</a> &gt;
                <a href="news.html">新闻动态</a> &gt;
                <span>新闻详情</span>
            </div>

            <!-- 新闻详情内容 -->
            <article class="neu-card">
                <div class="news-detail-header">
                    <span class="news-tag">公司新闻</span>
                    <h1 class="news-detail-title">创界科技发布《2023年企业数字化转型白皮书》</h1>
                    <div class="news-meta">
                        <span>2023年10月15日</span>
                        <span>作者：张明</span>
                        <span>阅读量：1,258</span>
                    </div>
                </div>

                <div class="news-image-large">
                    数字化转型白皮书封面
                </div>

                <div class="news-content">
                    <p>创界科技今日正式发布《2023年企业数字化转型白皮书》，该白皮书基于对500多家企业的调研数据，深入分析了当前数字化转型的趋势、挑战和最佳实践。白皮书涵盖了金融、制造、零售等多个行业，为企业决策者提供了宝贵的参考。
                    </p>

                    <h2>数字化转型的现状与趋势</h2>

                    <p>根据白皮书数据显示，超过70%的企业已经启动了数字化转型项目，但仅有不到30%的企业实现了预期的业务价值。数字化转型不再是选择，而是企业生存和发展的必然要求。</p>

                    <blockquote>
                        "数字化转型的核心不是技术本身，而是如何利用技术重塑业务模式和价值链。" —— 创界科技CEO张明
                    </blockquote>

                    <p>白皮书指出，当前企业数字化转型呈现以下主要趋势：</p>

                    <ul>
                        <li><strong>云原生技术普及</strong>：越来越多的企业采用云原生架构，提高系统弹性和可扩展性</li>
                        <li><strong>数据驱动决策</strong>：企业更加重视数据资产，通过数据分析优化业务流程</li>
                        <li><strong>人工智能应用深化</strong>：AI技术从试点项目转向规模化应用</li>
                        <li><strong>安全与合规并重</strong>：在推进数字化的同时，企业更加关注数据安全和合规性</li>
                    </ul>

                    <h2>数字化转型的关键挑战</h2>

                    <p>白皮书同时揭示了企业在数字化转型过程中面临的主要挑战：</p>

                    <ol>
                        <li>组织文化和思维模式的转变困难</li>
                        <li>现有系统与新技术集成的复杂性</li>
                        <li>数字化人才的短缺</li>
                        <li>投资回报率的不确定性</li>
                        <li>数据隐私和安全风险</li>
                    </ol>

                    <p>创界科技CTO李华表示："数字化转型是一个系统工程，需要技术、组织和流程的协同变革。企业需要制定清晰的数字化转型路线图，分阶段实施，并在过程中不断调整和优化。"</p>

                    <h2>行业最佳实践</h2>

                    <p>白皮书收录了多个行业的数字化转型成功案例，包括：</p>

                    <ul>
                        <li>金融行业的智能风控系统</li>
                        <li>制造业的工业互联网平台</li>
                        <li>零售业的全渠道客户体验</li>
                        <li>医疗健康行业的远程诊疗服务</li>
                    </ul>

                    <p>这些案例展示了如何通过技术创新解决行业痛点，创造新的商业价值。</p>

                    <h2>未来展望</h2>

                    <p>白皮书预测，未来三年企业数字化转型将呈现以下特点：</p>

                    <ul>
                        <li>数字化转型将从"可选"变为"必选"</li>
                        <li>AI和自动化技术将更深入地融入业务流程</li>
                        <li>可持续发展将成为数字化转型的重要考量因素</li>
                        <li>跨界合作和生态共建将成为主流模式</li>
                    </ul>

                    <p>创界科技承诺将持续更新白皮书内容，为企业数字化转型提供最新的洞察和指导。同时，公司也将推出系列研讨会和培训课程，帮助企业更好地实施数字化转型战略。</p>

                    <p>《2023年企业数字化转型白皮书》现已可在创界科技官网免费下载。企业也可通过预约专家咨询，获取针对自身情况的定制化建议。</p>
                </div>

                <div class="news-actions">
                    <div class="social-share">
                        <button class="share-btn">微信分享</button>
                        <button class="share-btn">微博分享</button>
                        <button class="share-btn">复制链接</button>
                    </div>
                    <a href="news.html" class="neu-button secondary">返回新闻列表</a>
                </div>
            </article>

            <!-- 相关新闻 -->
            <div class="related-news">
                <h2 class="section-title">相关新闻</h2>
                <div class="related-news-grid">
                    <div class="related-news-item neu-card">
                        <div class="related-news-image">AI技术峰会</div>
                        <h3 class="related-news-title">创界科技参加全球人工智能技术峰会并发表主题演讲</h3>
                        <div class="related-news-meta">
                            <span>2023年9月28日</span>
                            <span>阅读量：892</span>
                        </div>
                        <a href="news-detail.html" class="read-more">阅读全文</a>
                    </div>

                    <div class="related-news-item neu-card">
                        <div class="related-news-image">产品更新公告</div>
                        <h3 class="related-news-title">创界ERP系统发布V3.5版本，新增智能预测功能</h3>
                        <div class="related-news-meta">
                            <span>2023年9月10日</span>
                            <span>阅读量：1,543</span>
                        </div>
                        <a href="news-detail.html" class="read-more">阅读全文</a>
                    </div>

                    <div class="related-news-item neu-card">
                        <div class="related-news-image">合作伙伴</div>
                        <h3 class="related-news-title">创界科技与知名制造企业达成战略合作</h3>
                        <div class="related-news-meta">
                            <span>2023年8月5日</span>
                            <span>阅读量：1,102</span>
                        </div>
                        <a href="news-detail.html" class="read-more">阅读全文</a>
                    </div>
                </div>
            </div>
        </section>

        <footer>
            <div class="logo">创界科技</div>
            <div class="footer-links">
                <a href="index.html">首页</a>
                <a href="index.html#about">关于我们</a>
                <a href="index.html#products">产品</a>
                <a href="index.html#services">服务</a>
                <a href="news.html">新闻动态</a>
                <a href="index.html#contact">联系我们</a>
            </div>
            <p>地址：北京市海淀区科技园区创新大厦15层</p>
            <p>电话：010-12345678 | 邮箱：contact@chuangjie-tech.com</p>
            <p style="margin-top: 20px;">© 2023 创界科技 | 创新驱动未来</p>
        </footer>
    </div>

    <script>
        // 简单的交互功能
        document.addEventListener('DOMContentLoaded', function () {
            // 分享按钮功能
            const shareBtns = document.querySelectorAll('.share-btn');
            shareBtns.forEach(btn => {
                btn.addEventListener('click', function () {
                    const platform = this.textContent;
                    alert(`将分享到: ${platform}`);
                    // 实际应用中这里应该实现具体的分享功能
                });
            });
        });
    </script>
</body>

</html>